<template>
    <div class="all">
        <card
            :style="{marginBottom: '10px'}"
            :title="$t('today_working_hour_distribution')"
            :titleBolder="true">
            <today-work-hout-chart :uuid="uuid" />
        </card>
        <card
            :title="$t('yun_xing_tong_ji')"
            :titleBolder="true">
            <device-monitoring-chart :uuid="uuid" />
        </card>
    </div>
</template>

<script>
import card from '@/components/_common/card.vue';
import TodayWorkHoutChart from '../charts/TodayWorkHoutChart.vue';
import DeviceMonitoringChart from '../charts/DeviceMonitoringChart.vue';
import { reactive } from 'vue';
export default {
    props: {
        uuid: String
    },
    components: {
        card,
        TodayWorkHoutChart,
        DeviceMonitoringChart
    },
    setup (props, ctx) {
        const product = reactive({
            loading: true,
            detail: {}
        });
        // onActivated(() => {
        //     getProductByUuid(props.uuid).then((data) => {
        //         product.detail = data.value;
        //     });
        // });

        return {
            product
        };
    }
};
</script>

<style scoped lang="scss">
    .all {
    padding: 10px 15px 15px;
}
</style>
